<template>
  <div class="right-container">
    <h3>Right 组件</h3>
    <hr />

    <button @click="list.splice(1, 0, { id: 109, name: '赵六' })">
      添加数据到下标1
    </button>
    <ul>
      <li v-for="item in list" :key="item.id">
        <input type="text" /> {{ item.name }}
      </li>
    </ul>

    <p>count 值：</p>
    <button class="btn btn-warning">-1</button>
  </div>
</template>

<script>
export default {
  name: "Right",

  data() {
    return {
      list: [
        { id: 101, name: "张三" },
        { id: 102, name: "李四" },
        { id: 103, name: "王五" },
      ],
    };
  },
};
</script>

<style>
</style>
